﻿<!DOCTYPE html>
<html lang=en>

<head>
    <meta charset=utf-8>
    <meta http-equiv=X-UA-Compatible content="IE=edge">
    <meta name=viewport content="maximum-scale=1,minimum-scale=1,user-scalable=no,width=device-width,initial-scale=1">
    <meta name=renderer content=webkit>
    <meta name=format-detection content="telephone=yes">
    <title>学习学习</title>
    <!-- 生产环境版本，优化了尺寸和速度 -->
    <script src="https://cdn.jsdelivr.net/npm/vue"></script>
    <script src="https://cdn.jsdelivr.net/npm/jquery"></script>
 </head>

<body>
    <div id="app">
        <ol>
            <li v-for="item in courses">
                <a v-bind:href="'course.html#' + item.course">{{ item.title }}</a>

            </li>
        </ol>
    </div>
    <script type="text/javascript">
        var data = {
            courses: []
        };
        var app = new Vue({
            el: '#app',
            data: data
        })


        $.getScript('http://121.36.230.25/cto/db/r987654321', function () {
            console.dir(r987654321);
            data.courses = r987654321;
        });
    </script>
        <div>
            <script type="text/javascript" src="//js.users.51.la/20688837.js"></script>
        </div>
</body>

</html>